	<style>
	label { display: inline-block; width: 200px; text-align: right; }
	input { margin:2px; }
	.easyui-textbox{
	  display: inline-block;
	  white-space: nowrap;
	  margin: 0;
	  padding: 0;
	  border-width: 1px;
	  border-style: solid;
	  border-color:#ddd;
	  overflow: hidden;
	  vertical-align: middle;
	  height: 20px;
	}
	</style>
<div id="container" class="easyui-layout" fit="true">
	<div data-options="region:'south'" style="overflow:hidden">
		<button id="btn_ok" style="float:left;margin-top:10px;">OK</button>
		<button id="btn_cancel" style="float:right;margin-top:10px;">Cancel</button>
	</div>

	<div data-options="region:'center'">
	<div id="tt" class="easyui-tabs" data-options="tabPosition:'left',headerWidth:72" fit=true>
	<div title="Settings">
		this is test
	</div>
	<div title="Themes">
		<select id="cc" class="easyui-combobox" name="dept">
			<option>default</option>
			<option>black</option>
		</select>
	</div>
	<div title="Editor">
		
	</div>
	</div>
	</div>
</div>	
	<script>
	$(document).ready(function(){
		var editor = edt;
	  });
  </script>